/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.title {
	  font-size: 2em;
  font-weight: bold;
  color: #777777;
  text-align: center;
}

.logintitle {
	  font-size: 1.6em;
  font-weight: blod;
  color: #777777;
  margin: 0px 0px 20px;
  text-align: center;
}



.loginGrid {
	
	
	vertical-align: center;
	background-color : grey;
	vertical-align: middle;
	border-style: dotted;
	border-color: blue;
	padding: 30px;
	
	}
	
.Chattitle {
	
	vertical-align: center;
	background-color : black;
	vertical-align: middle;
	border-style: dotted;
	border-color: green;
	color: green;
	padding: 30px;
	font-size: 2em;
  font-weight: bold;
  text-align: center;
}
.liststyle {
	
	vertical-align: center;
	background-color : black;
	vertical-align: middle;
	border-style: dotted;
	border-color: green;
	color: green;
	padding: 30px;
}

.chatstyle {
	
	vertical-align: center;
	background-color : black;
	vertical-align: middle;
	border-style: dotted;
	border-color: green;
	color: green;
	padding: 30px;
}

.sendingmessages {
	
	vertical-align: center;
	background-color : black;
	vertical-align: middle;
	border-style: dotted;
	border-color: green;
	color: green;
}

.gwt-TabLayoutPanel{
		vertical-align: center;
	background-color : black;
	vertical-align: middle;
	border-style: dotted;
	border-color: green;
	color: green;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs{
		vertical-align: center;
	background-color : black;
	vertical-align: middle;
	border-style: dotted;
	border-color: green;
	color: green;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab{
	vertical-align: center;
	background-color : black;
	vertical-align: middle;
	border-style: dotted;
	border-color: green;
	color: green;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabInner{
		vertical-align: center;
	background-color : black;
	vertical-align: middle;
	border-style: dotted;
	border-color: green;
	color: green;
	padding: 30px;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent{
		vertical-align: center;
	background-color : black;
	vertical-align: middle;
	border-style: dotted;
	border-color: green;
	color: green;
}

.footerstyle {
	
	vertical-align: center;
	background-color : black;
	vertical-align: middle;
	border-style: dotted;
	border-color: green;
	color: green;
	padding: 30px;
}

.ListHeader {
  background-color: black;
  color: green;
  vertical-align :center;
  font-size: 2em;
  font-style: bold;
}
.gwt-TabPanel { 	vertical-align: center;
	background-color : black;
	vertical-align: middle;
	border-style: dotted;
	border-color: green;
	color: green;
	padding: 30px; }
.gwt-TabPanelBottom {	vertical-align: center;
	background-color : black;
	vertical-align: middle;
	border-style: dotted;
	border-color: green;
	color: green;
	padding: 30px; }

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

/** Custom **/

.messageBoard{
	border: solid;
	border-width: 2px;	
	border-color: gray;
}

.linkButton {
	text-decoration: underline;
	cursor: pointer;
	color: #0000FF;
}